<!-- 父子组件传值，父组件将子组件import 并在compents中注册 即可使用子组件名字做自定义标签使用
  父组件定义变量  在子组件的标签上 使用:自定义变量 对应子组件定义的props中的变量，传递父组件定义的变量
  父组件显示自己的值test，但这个值可以被子组件修改
-->
<template>
    <div>
     <child :message2="message1" :show="show" @childFn="parentFn" @closeChild="closeChild"/>
      {{test}}
      <el-button @click="showTest">新增</el-button>
    </div>
</template>
<script>
  import child from '@/components/example/child'
    export default {
        name: "parent",
        components:{
          child
        },
        data(){
          return {
            message1:'parent1',
            test:'parentTest',
            show:false
          }
        },
      methods:{
        parentFn(value){//这个value是子组件标签 绑定的自定义事件传递过来
          this.test = value;
        },
        showTest(){
           this.show = true;
        },
        closeChild(){
          this.show = false;
        }
      }
    }
</script>

<style scoped>

</style>
